<template>
  <div>
    <Personinfo style="height: 50px;"></Personinfo>
    <Logox></Logox>
    <menux></menux>
    <el-main>
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item :to="{ path: '/rencai' }">招聘信息</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/rencai' }">机关招聘</el-breadcrumb-item>
      </el-breadcrumb>
        <h1>{{ article.title }}</h1>
        <span>发布时间：{{article.pubDateTime}}&nbsp;&nbsp;&nbsp;浏览量：38</span>
        <hr/>
        <div v-html="article.context"></div>
    </el-main>
    <el-footer>
      <el-divider></el-divider>
      <el-row :gutter="20">
        <el-col :span="8" :offset="8">
          <footerx></footerx>
        </el-col>
      </el-row>
    </el-footer>
  </div>
</template>

<script>
import footerx from "../footerx";
import menux from '../menux'
import Logox from '../Logox'
import Personinfo from "../Personinfo";
import {NewList,NewDetail} from "./../../api/news";
export default {
  name: "rencai",
  components: {menux,Logox,footerx,Personinfo},
  data (){
    return {
      searchInput: "",
      article:{title:"2020年教师公招考试笔试、面试技巧专题培训",pubDate:"2021-09-08"}
    }
  },
  mounted() {
    let id = this.$route.path.split("/")[2];
    NewDetail.r({id:id}).then(d=>{
      this.article = d.data.data;
    })
  }
}
</script>

<style scoped>
.el-main{
  margin:0 auto;
  background: azure;
  width: 1200px;
}
</style>